512. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-05-13 09:09:34 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

512.1 Files compared

#LocationFileLast Modified
12021-05-13 09:09:34 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo21_en.css2021-04-28 03:14:22 +0000

512.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged00
Changed00
Inserted1386
Removed00

512.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

512.4 Active regular expressions

No regular expressions were active.

512.5 Comparison detail

    1 /**
    2  * WARNING: Do not change this file. Your changes will be lost.
    3  * 2021-04-28 03:14:21 */
    4 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed {
    5 }
    6 @media (min-width: 768px) {
    7     .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
    8         width: 57.17%;
    9     }
    10     .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
    11         width: 40.83%;
    12     }
    13 
    14     .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
    15         width: 42.8775%;
    16     }
    17     .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
    18         width: 30.6225%;
    19     }
    20 }
    21 
    22 @media (min-width: 1440px) { 
    23 .layout-1220 .block.category.event, .layout-1220 .footer.content, .layout-1220 .header.content, .layout-1220 .navigation, .layout-1220 .page-main, .layout-1220 .page-wrapper>.breadcrumbs >ul, .layout-1220 .page-wrapper>.page-bottom, .layout-1220 .page-wrapper>.widget, .layout-1220 .top-container,.layout-1220 .container {
    24     max-width: 1420px;
    25 }
    26 }
    27 @media (max-width: 575px){
    28 body {
    29     font-size: 13px;
    30     line-height: 21px;
    31 }
    32 }
    33 body { 
    34     line-height: 27px;
    35     letter-spacing: .2px;
    36 }
    37 h1, h2, h3, h4, h5, h6 { 
    38     color: #222529;
    39     letter-spacing: normal;
    40 }
    41 h1, h2, h3, h4, h5 {
    42     letter-spacing: -.01em;
    43 }
    44 h1 { 
    45     font-weight: 400;
    46     font-size: 36px;
    47     line-height: 44px;
    48     margin: 0 0 32px 0;
    49 }
    50 h2 { 
    51     font-weight: 300;
    52     font-size: 30px;
    53     line-height: 40px;
    54     margin: 0 0 32px 0;
    55 }
    56 h3 { 
    57     font-weight: 700;
    58     font-size: 14px;
    59     line-height: 32px; 
    60     margin: 0 0 20px 0;
    61 }
    62 h4 { 
    63     font-weight: 700;
    64     font-size: 16px;
    65     line-height: 19px;
    66     color: #444;
    67     margin: 0 0 14px 0;
    68 }
    69 h5 { 
    70     font-weight: 600;
    71     font-size: 14px;
    72     line-height: 18px;
    73     color: #444;
    74     margin: 0 0 14px 0;
    75 }
    76 h6 { 
    77     font-weight: 600;
    78     font-size: 14px;
    79     line-height: 18px;
    80     color: #6b7a83;
    81     margin: 0 0 14px 0;
    82 }
    83 .home-banner-slider h2.vc_custom_heading, .custom-font4 {
    84     font-family: 'Segoe Script','Savoye LET';
    85 }
    86 html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
    87     color: #ff7272;
    88 }
    89 li {
    90     line-height: 27px;
    91 }
    92 html .btn-modern {
    93     text-transform: uppercase;
    94     font-size: .75rem;
    95     padding: .75rem 1.5rem;
    96     font-weight: 600;
    97     height: auto;
    98 }
    99 html .action.primary, html .btn { 
    100     letter-spacing: 0;
    101     font-weight: 600;
    102     line-height: 1.42857;
    103     padding: .8em 2em; 
    104     border-radius: 0;
    105 }
    106 html .btn-modern {
    107     font-size: .8125rem;
    108     padding: 1em 2.8em;
    109 }
    110 html .action.primary {
    111     color: #fff;
    112     background-color: #f4631b;
    113     border-color: #f4631b #f4631b #d24d0b;
    114 }
    115 html .btn-xl {
    116     font-size: 1rem;
    117     padding: .8rem 2rem;
    118 }
    119 .btn-modern.btn-xl {
    120     font-size: 1rem;
    121     padding: 1.25em 3.125em;
    122 
    123 .btn-flat {
    124     padding: 0!important;
    125     background: none!important;
    126     border: none!important;
    127     border-bottom: 1px solid transparent!important;
    128     box-shadow: none!important;
    129     text-transform: uppercase;
    130     font-size: .75rem;
    131 
    132 html .btn-dark {
    133     color: #fff;
    134     background-color: #222529;
    135     border-color: #222529 #222529 #0b0c0e;
    136 
    137 html .btn-light {
    138     color: #222529;
    139     background-color: #fff;
    140     border-color: #fff #fff #e6e6e6;
    141 }
    142 html .btn-quaternary {
    143     color: #fff;
    144     background-color: #000;
    145     border-color: #000 #000 #000;
    146 }
    147 html .background-color-secondary {
    148     background-color: #f4a085 !important;
    149 }
    150 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i {
    151     display: none;
    152 }
    153 .top-icon .porto-sicon-header {
    154     margin-bottom: .75rem;
    155 }
    156 .page-header.type1 .panel.wrapper { 
    157     font-size: 12px; 
    158     font-weight: 400;
    159 }
    160 .page-header.type1 .switcher:first-child .options .action.toggle {
    161      padding-left: 0;
    162 }
    163 .page-header.type1 .header-main .header-left {
    164     min-width: auto;
    165 }
    166 .page-header.type1 .search-area {
    167     max-width: 564px;
    168 }
    169 .page-header.type1 .minicart-wrapper .action.showcart .counter.qty { 
    170     background-color: #222529; 
    171     right: -8px;
    172 }
    173 .page-header.type1 .minicart-wrapper .action.showcart::after {
    174     display: none;
    175 }
    176 .page-header.type1 .header-contact .my-account {
    177     display: none;
    178 }
    179 .page-header.type1 a.wishlist {
    180     margin-left: 0.5rem;
    181     margin-right: 0.5rem !important;
    182     padding: 0 !important;
    183 }
    184 .page-header.type1 .minicart-wrapper .action.showcart { 
    185     min-width: 32px;
    186     justify-content: center;
    187 }
    188 @media(max-width: 767px){
    189 .page-header.type1 .main-panel-top {
    190     display: none;
    191 }
    192 }
    193 @media(min-width: 992px) { 
    194 .page-header.type1.sticky-header .cart-design-2 .action.showcart .minicart-icon {
    195     border-color: #222529;
    196 }
    197 .page-header.type1 .header.panel > .header.links > li > a {
    198     padding: 0;  
    199     display: inline-block;
    200     float: left;
    201 }
    202 .page-header.type1 .header.panel > .header.links > li { 
    203     padding-top: 2px;
    204     padding-bottom: 2px;
    205     padding-left: 1px;
    206     padding-right: 0 !important; 
    207     font-weight: 400;
    208 }
    209 .page-header.type1 .header.panel > .header.links > li:last-child {
    210     padding-right: 0;
    211 
    212 .page-header.type1 .panel.header .switcher {
    213     margin-right: 0;
    214 }
    215 .page-header.type1 .panel.header .switcher:after {
    216     content: "|";
    217     font-weight: 300;
    218     position: relative;
    219     top: -1px; 
    220     color: #e7e7e7;
    221     margin: 0 5px 0 5px;
    222     opacity: 1;
    223     font-size: 1.2em;
    224     display: inline-block;
    225 }
    226 .page-header.type1 .panel.header .switcher:last-child:after {
    227     display: none;
    228 }
    229 .page-header.type1 .header.panel > .header.links > li:after {
    230     content: "|";
    231     font-weight: 300;
    232     position: relative;
    233     top: -1px; 
    234     color: #e7e7e7;
    235     margin: 0 15px 0 15px;
    236     opacity: 1;
    237     font-size: 1.2em;
    238     display: inline-block;
    239 }
    240 .page-header.type1 .header.panel > .header.links > li:last-child:after {
    241     display: none;
    242 }
    243 .page-header.type1 .block-search input {
    244     height: 48px;
    245 }
    246 .page-header.type1 .search-category {
    247     right: 64px !important;
    248     height: 48px;
    249     line-height: 48px;
    250 }
    251 .page-header.type1 .search-area .minisearch .actions button {
    252     width: 64px;
    253     height: 48px;
    254     margin-right: -2px;
    255     border-radius: 0 25px 25px 0;
    256     font-size: 20px;
    257     color: #fff;
    258     background: #222529;
    259 }
    260 .page-header.type1 .block-search .action.search:before { 
    261     font-weight: 400
    262 }
    263 .page-header.type1 .nav-sections {
    264     padding: 5px 0;
    265 }
    266 .page-header.type1 .navigation:not(.side-megamenu) .level0 {
    267     margin-right: 30px;
    268 }
    269 .page-header.type1 .navigation:not(.side-megamenu) .level0 .level-top 
    270     font-size: 13px;
    271     font-weight: 700;
    272     line-height: 13px;
    273     letter-spacing: 0;
    274     color: #222529;
    275     padding: 18px 0 19px 0;
    276 }
    277 }
    278 .widget, .sidebar-content .widget {margin-top: 1.5rem;margin-bottom: 1.5rem;}
    279 .widget .widgettitle {
    280     font-size: 1rem;
    281     letter-spacing: -.02em;
    282 }
    283 .section-title {
    284     text-transform: none;
    285     font-weight: 600;
    286 }
    287 .products-grid .product-item {
    288     padding-top: 10px;
    289 
    290 body:not(.catalog-product-view) .products-grid:not(.small-list) .product-item:hover {
    291     box-shadow: 0 5px 25px 0 rgb(0 0 0 / 10%);
    292 }
    293 .products-grid .product-item .product-item-info.type3 .weltpixel-quickview.weltpixel_quickview_button_v2 {
    294      background: #222529;
    295 }
    296 .product-item-info.type3:hover .product-item-photo {
    297     box-shadow: none;
    298 }
    299 .owl-carousel .owl-nav .disabled {
    300     opacity: .5; 
    301 }
    302 body .owl-carousel .owl-nav .owl-prev, body .owl-carousel .owl-nav .owl-next {
    303     color: #fff;
    304     background-color: #f4631b;
    305     border-color: #f4631b;
    306 
    307 .page-wrapper > .breadcrumbs {
    308     font-weight: 700;
    309     letter-spacing: .05em;
    310     border-top: 1px solid #dfdfdf;
    311     border-bottom: 1px solid #dfdfdf;
    312     margin-bottom: 35px;
    313 
    314 .page-wrapper > .breadcrumbs .items {
    315     padding-top: 15px;
    316     padding-bottom: 15px;
    317 }
    318 .page-wrapper > .breadcrumbs .items>li.home a {
    319     width: auto;
    320     text-indent: 0;
    321 }
    322 .page-wrapper > .breadcrumbs .items>li.home a:after {
    323     display: none;
    324 }
    325 .catalog-category-view .sidebar.sidebar-main .sidebar-content {
    326     border: none;
    327 }
    328 .sidebar .sidebar-content .block-category-list, .side-custom-block .custom-block,.filter-options-item,.filter-actions {
    329     padding: 0;
    330     margin-bottom: 30px;
    331     border: none;
    332 }
    333 .filter-current {padding: 0;}
    334 .block-category-list .block-title, .side-custom-block .custom-block h2, .filter-options-title, .filter .filter-current-subtitle {
    335     border-bottom: 1px solid #dfdfdf;
    336     font-size: 12px;
    337     font-weight: 700;
    338     letter-spacing: .05em;
    339     padding: 8px 0;
    340     margin-bottom: 10px;
    341     line-height: 1.4;
    342 
    343 .block-category-list .block-content,.filter-options-content,.custom-block .block-content,.filter-current .items,.filter-actions { 
    344     padding-left: 15px;
    345 }
    346 .block-category-list .block-content ol li a {
    347     font-size: 12px;
    348     padding: 4px 0;
    349     line-height: 1.8;
    350     color: #000;
    351 }
    352 .side-custom-block .custom-block:last-child {
    353     margin-bottom: 0;
    354 }
    355 .side-custom-block .custom-block h5 {
    356     margin-top: 0 !important;
    357 }
    358 .footer .widgettitle, .footer .widget-title {
    359     font-size: 16px;
    360     font-weight: 700;
    361     text-transform: none;
    362     margin-bottom: 15px;
    363 }
    364 .footer li { 
    365     line-height: 1.8;
    366 }
    367 html .background-color-secondary {
    368     background-color: #ff7272!important;
    369 }
    370 .footer, .footer p {
    371     letter-spacing: inherit;
    372 }
    373 .footer-top {
    374     padding-top: 20px;
    375     padding-bottom: 20px;
    376 }
    377 .footer-top .custom-block:before,.footer-top .custom-block:after {
    378     display: none;
    379 }
    380 .footer-middle > .container { 
    381     padding-top: 3rem;
    382     padding-bottom: 1rem;
    383 }
    384 .footer-middle > .container::after { 
    385     border-color: #e1e1e1;
    386 }